跳到主要内容

Document Event

列出了使用 addEventListener() 或为接口的事件处理器属性 oneventname 赋值的方式来监听的事件。

事件

beforescriptexecute 在静态的 <script> 开始执行脚本时触发。

scroll 在滚动文档视图或元素时触发。

visibilitychange 在变前的内容变为可见、隐藏时触发。

wheel (en-US) 在用户在点击设备(通常为鼠标)上转动滚轮时触发。

动画事件

animationcancel (en-US) 在动画意外中止时触发。

animationend (en-US) 在动画正常完成时触发。

animationiteration (en-US) 在动画迭代完成时触发。

animationstart (en-US) 在动画开始时触发。

剪切板事件

copy (en-US) 在用户通过浏览器的用户界面使用复制操作时触发。

cut (en-US) 在用户通过浏览器的用户界面使用剪切操作时触发。

paste (en-US) 在用户通过浏览器的用户界面使用粘贴操作时触发。

拖放事件

drag 在用户拖动元素或选择的文本时每几百毫秒触发一次。

dragend 在拖动操作结束(通过释放鼠标按钮或按下退出键))时触发。

dragenter 在拖动的元素或选择的文本进入有效的放置目标时触发。

dragleave 在拖动的元素或选择的文本离开有效的放置目标时触发。

dragover 在拖动的元素或选择的文本在有效的放置目标时触发(每几百毫秒)。

dragstart 在用户开始拖动元素或选择的文本时触发。

drop 在元素或选择的文本被放置在有效的放置目标时触发。

全屏事件

fullscreenchange 在 Document 进入或退出全屏模式时触发。

fullscreenerror 在尝试进入或退出全屏模式而发生错误时触发。

键盘事件

keydown (en-US) 在某个键被按下时触发。

keyup (en-US) 在释放按键时触发。

加载和卸载事件

DOMContentLoaded 在文档完全加载并解析后触发,无需等待样式表、图像和子框架完成加载。

readystatechange 在文档的 readyState 属性发生变化时触发。

指针事件

gotpointercapture (en-US) 在使用 setPointerCapture() 捕获元素时触发。

lostpointercapture (en-US) 在捕获指针释放时触发。

pointercancel (en-US) 在指针事件取消时触发。

pointerdown (en-US) 在指针变为活动状态时触发。

pointerenter (en-US) 在指针移入到元素或其子元素之一的命中测试边界时触发。

pointerleave (en-US) 在指针移出元素的命中测试边界时触发。

pointerlockchange 在指针被锁定或解锁时触发。

pointerlockerror (en-US) 在指针锁定失败时触发。

pointermove (en-US) 在指针坐标改变时触发。

pointerout (en-US) 在指正移除元素的命中测试边界(或其他原因)时触发。

pointerover (en-US) 在指针移入元素的命中测试边界时触发。

pointerup (en-US) 在指针不再活动时触发。

选择事件

selectionchange 在文档中的选中的文本发生改变时触发。

触摸事件

touchcancel 在一个或多个接触点以特定于实现的方式中断(例如,创建了太多的接触点)时触发。

touchend 在从接触面移除一个或多个接触点时触发。

touchmove 在一个或多个接触点沿接触面移动时触发。

touchstart 在向接触面放置一个或多个接触点时触发。

过渡事件

transitioncancel (en-US) 在 CSS 过渡取消时触发。

transitionend (en-US) 在 CSS 过渡完成时触发。

transitionrun (en-US) 在 CSS 过渡第一次创建时触发。

transitionstart (en-US) 在 CSS 过渡实际开始时触发。